<!--
Author: WebThemez
Author URL: http://webthemez.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="free-educational-responsive-web-template-webEdu">
    <meta name="author" content="webThemez.com">
    <title>专题文章 | xxxxxxxxx</title>
    <link rel="favicon" href="../assets/images/favicon.png">
    <link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/font-awesome.min.css">
    <!-- Custom styles-->
    <link rel="stylesheet" href="../assets/css/bootstrap-theme.css" media="screen">
    <link rel="stylesheet" href="../assets/css/style.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
	<script src="assets/js/html5shiv.js"></script>
	<script src="assets/js/respond.min.js"></script>
	<![endif]-->
</head>

<body>
    <!-- Fixed navbar -->
    <div id="navbar" class="navbar navbar-inverse">
    </div>
    <!-- /.navbar -->

    <header id="head" class="secondary">
        <div class="container">
            <h1>文章标题</h1>
            <p>Article title</p>
        </div>
    </header>

    <!-- container -->
    <section class="container">

        <div class="row">

            <!-- Article main content -->
            <article class="col-md-8 maincontent">
                <br />
                <br />
                <h2>文章二级标题1</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque cursus erat vitae interdum.
                    Nam vehicula, felis eu semper tincidunt, mauris risus ultricies dolor, a tristique arcu libero sit
                    amet felis. Donec venenatis sed velit eget dignissim. Mauris tempor purus enim, vitae ultricies arcu
                    scelerisque vel. Suspendisse ultrices ut dolor nec laoreet. Mauris luctus elit odio, in hendrerit
                    odio aliquet et. Morbi vitae diam felis. Mauris vulputate nisi erat, adipiscing pretium lacus
                    lacinia quis. Sed consectetur ipsum et leo posuere vestibulum. Vivamus mattis fringilla ultrices.
                    Donec sit amet tincidunt arcu, sit amet adipiscing felis.</p>

                <p>Cras accumsan sollicitudin eleifend. Nunc id lorem nulla. In pretium laoreet libero, at interdum nisi
                    facilisis eget. Pellentesque dapibus, lectus in sollicitudin ullamcorper, urna sem sodales lacus,
                    eget laoreet metus metus ut nibh. Integer tempor erat odio, quis eleifend lectus gravida in. Etiam
                    sit amet tortor ullamcorper, interdum turpis gravida, convallis tortor. Ut venenatis lorem non
                    iaculis malesuada.</p>

                <p>Suspendisse faucibus, mauris eget dictum facilisis, libero sem lacinia diam, at vestibulum nulla nisi
                    quis nisi. Donec at tempus arcu, non consectetur diam. Morbi vehicula sit amet velit et aliquet.
                    Maecenas vel dui tristique, ornare nibh a, consectetur magna. Nunc sagittis turpis sem, eu euismod
                    ipsum eleifend et. Duis a ligula augue. Morbi laoreet est at urna pellentesque lacinia.</p>

                <h2>文章二级标题2</h2>
                <p>In eleifend diam ipsum, a hendrerit sapien vehicula sed. Donec fermentum dolor in diam accumsan
                    ultrices. Nullam interdum diam ut urna ullamcorper, ut vulputate mi tincidunt. Sed volutpat a nunc
                    ut ultrices. Suspendisse tempor ornare nisi ac rhoncus. Quisque id tellus justo. In in quam sed
                    lorem dignissim egestas. Vivamus est libero, tempus et pretium ac, ultricies ac augue. Quisque
                    placerat vitae nisi eget facilisis. Quisque consectetur neque in ornare accumsan. Praesent at
                    molestie nunc. Proin sollicitudin arcu posuere accumsan pretium. Maecenas tincidunt lorem arcu, vel
                    semper justo congue et.</p>

                <p>Aliquam sollicitudin in nulla ut sagittis. Fusce feugiat, sapien eget rutrum ullamcorper, lectus dui
                    dapibus felis, blandit sagittis libero mi eu velit. Cras venenatis, arcu et ornare pharetra, quam
                    ante accumsan libero, ac condimentum felis velit quis lacus. Cum sociis natoque penatibus et magnis
                    dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet urna est. Proin vulputate
                    laoreet turpis ut pulvinar. Ut sollicitudin sem dui, vel elementum velit venenatis a. Fusce
                    scelerisque tortor in augue consectetur lacinia. In at mattis mi.</p>

                <!-- 引用 -->
                <blockquote>
                    Venenatis, arcu et ornare pharetra, quam ante accumsan libero, ac condimentum felis velit
                    quis lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                    Suspendisse sit amet urna est. Proin vulputate laoreet turpis ut pulvinar.
                </blockquote>
                <p>Odit, laudantium, dolores, natus distinctio labore voluptates in inventore quasi qui nobis quis
                    adipisci fugit id! Aliquam alias ea modi. Porro, odio, sed veniam hic numquam qui ad molestiae sint
                    placeat expedita? Perferendis, enim qui numquam sequi obcaecati molestiae fugiat!</p>
                <p>Dignissimos, beatae, praesentium illum eos autem perspiciatis? Minus, non, tempore, illo, mollitia
                    exercitationem tempora quas harum odio dolores delectus quidem laudantium adipisci ducimus ullam
                    placeat eaque minima quae iure itaque corporis magni nesciunt eius sed dolor doloremque id quasi
                    nisi.</p>

                <h2>文章二级标题3</h2>
                <p>In eleifend diam ipsum, a hendrerit sapien vehicula sed. Donec fermentum dolor in diam accumsan
                    ultrices. Nullam interdum diam ut urna ullamcorper, ut vulputate mi tincidunt. Sed volutpat a nunc
                    ut ultrices. Suspendisse tempor ornare nisi ac rhoncus. Quisque id tellus justo. In in quam sed
                    lorem dignissim egestas. Vivamus est libero, tempus et pretium ac, ultricies ac augue. Quisque
                    placerat vitae nisi eget facilisis. Quisque consectetur neque in ornare accumsan. Praesent at
                    molestie nunc. Proin sollicitudin arcu posuere accumsan pretium. Maecenas tincidunt lorem arcu, vel
                    semper justo congue et.</p>

                <p>Aliquam sollicitudin in nulla ut sagittis. Fusce feugiat, sapien eget rutrum ullamcorper, lectus dui
                    dapibus felis, blandit sagittis libero mi eu velit. Cras venenatis, arcu et ornare pharetra, quam
                    ante accumsan libero, ac condimentum felis velit quis lacus. Cum sociis natoque penatibus et magnis
                    dis parturient montes, nascetur ridiculus mus. Suspendisse sit amet urna est. Proin vulputate
                    laoreet turpis ut pulvinar. Ut sollicitudin sem dui, vel elementum velit venenatis a. Fusce
                    scelerisque tortor in augue consectetur lacinia. In at mattis mi.</p>
            </article>
            <!-- /Article -->

            <!-- Sidebar -->
            <aside class="col-md-4 sidebar sidebar-right">

                <div class="row panel">
                    <div class="col-xs-12">
                        <h3>侧边栏标题1</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque cursus erat vitae
                            interdum. Nam vehicula, felis eu semper tincidunt, mauris risus ultricies dolor, a tristique
                            arcu libero sit amet felis. Donec venenatis sed velit eget dignissim.</p>
                    </div>
                </div>
                <div class="row panel">
                    <div class="col-xs-12">
                        <h3>侧边栏标题2</h3>
                        <p>
                            <img src="../assets/images/1.jpg" alt="">
                        </p>
                        <p>Morbi vitae diam felis. Mauris vulputate nisi erat, adipiscing pretium lacus lacinia quis.
                            Sed consectetur ipsum.</p>
                    </div>
                </div>

            </aside>
            <!-- /Sidebar -->

        </div>
    </section>
    <!-- /container -->
    <footer id="footer"> </footer>


    <!-- JavaScript libs are placed at the end of the document so the pages load faster -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <script src="..../assets/js/custom.js"></script>
    <script type='text/javascript' src='../assets/js/fancybox/jquery.fancybox.pack.js'></script>
    <script>
        $(function () {
            //公共资源
            $('#navbar').load('../public/navbar.html', function() {
                $('#dropdownlist').addClass('active');
            });
            $('#footer').load('../public/footer.html');
        });
    </script>
</body>

</html>